import React, { Component } from 'react'
import { Row, Col, Avatar, Image } from 'antd';
import './index.css'
export default class Header extends Component {
    exit = () => {
        sessionStorage.removeItem("token")
    }
    render() {
        return (
            <div className='header-style'>
                <Row justify='space-between'>
                    <Col span={4}>
                        <span className="header-title">居家托养服务管理系统</span>
                    </Col>
                    <Col span={4} style={{ textAlign: "end" }}>
                        <Avatar size="large" src={<Image src="http://m.imeitou.com/uploads/allimg/2021080210/f0rdz1ylxa0.jpg" />} />
                        <span className="exit" onClick={this.exit}>退出</span>
                    </Col>
                </Row>
            </div>
        )
    }
}
